<template>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <slot></slot>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</template>

<script>
import Swiper from "swiper/swiper-bundle.js"//引入js
import "swiper/swiper-bundle.min.css"//引入css
export default{
    updated(){
            new Swiper(".swiper-container",{
                loop:true,
                autoPlay:true,
                pagination: {
                el: '.swiper-pagination',
                },
            })
        }
}
</script>

<style lang="scss" scoped>
.swiper-wrapper img{
    width:100%
}
</style>